// pages/index/index.js
Page({
  data: {
    salesData: [
      { value: '25,400万', label: '销售金额', trend: 10 },
      { value: '25,400笔', label: '订单数量', trend: 15 },
      { value: '26,230人', label: '固定用户' },
      { value: '12,273人', label: '流量用户' },
      { value: '98%', label: '完成率' },
      { value: '150单', label: '新客户订单' }
    ],
    selectedTab: '日报'
  },

  handleTabClick(tab) {
    this.setData({
      selectedTab: tab
    });
    this.initChart();
  },

  initChart() {
    const query = wx.createSelectorQuery().in(this);
    query.select('.chart-container .line-chart').fields({ node: true, size: true }).exec((res) => {
      if (!res[0]?.node || res[0].width === 0) {
        return setTimeout(() => this.initChart(), 100);
      }
      try {
        if (!res[0]?.node || res[0].width === 0) {
          console.error('未找到 canvas 节点');
          return;
        }
        const canvas = res[0].node;
        const ctx = canvas.getContext('2d');
        const dpr = wx.getSystemInfoSync().pixelRatio;
        canvas.width = res[0].width * dpr;
        canvas.height = res[0].height * dpr;
        ctx.scale(dpr, dpr);
        ctx.strokeStyle = '#1890ff';
        ctx.beginPath();
        ctx.moveTo(20, 100);
        ctx.lineTo(180, 100);
        ctx.closePath();
        ctx.stroke();
      } catch (error) {
        console.error('canvas 渲染失败:', error);
      }
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.initChart();
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})